{% extends "front/base.html" %}
{% block title %}Pupa论坛-注册{% endblock %}
{% block head %}
  <link rel="stylesheet" href="{{ url_for('static',filename='css/front/signbase.css') }}">
  <script src="{{ url_for("static",filename='js/front/register.js') }}"></script>
{% endblock %}
{% block body %}
  <div class="outer-box">
            <div class="logo-box">
                <a href="/">
                    <img src="{{ url_for('static',filename='images/front/logo.png') }}" alt="">
                </a>
            </div>
            <h2 class="page-title">
                Pupa论坛-注册
            </h2>
            <div class="sign-box">
                <div class="form-group">
                    <div class="input-group">
                        <input type="email" class="form-control" name="email" placeholder="邮箱">
                        <span class="input-group-btn">
                            <button id="sms-captcha-btn" class="btn btn-default">发送验证码</button>
                        </span>
                    </div>
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" name="email_captcha" placeholder="邮箱验证码">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" name="username" placeholder="用户名">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" name="password1" placeholder="密码">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" name="password2" placeholder="确认密码">
                </div>
                <div class="form-group">
                    <div class="input-group">
                        <input type="text" class="form-control" name="graph_captcha" placeholder="图形验证码">
                        <span class="input-group-addon captcha-addon">
                            <img id="captcha-img" class="captcha-img" src="{{ url_for("front.get_img_captcha") }}" alt="">
                        </span>
                    </div>
                </div>
                <div class="form-group">
                    <button class="btn btn-warning btn-block" id="submit-btn">立即注册</button>
                </div>
            </div>
        </div>
{% endblock %}